<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>主页一</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="{__STATIC_WANG__}layui/css/layui.css" media="all">
    <link rel="stylesheet" href="{__STATIC_WANG__}style/admin.css" media="all">
    <style>
        /** 统计快捷方式样式 */
        .console-link-block {
            display: block;
            position: relative;
            color: #fff;
            font-size: 18px;
            padding: 25px 20px;
            border-radius: 4px;
            overflow: hidden;
            box-shadow: 0px 3px 5px rgba(0, 0, 0, .1);
            background-color: rgb(155, 197, 57);
        }

        .console-link-block .console-link-block-num {
            font-size: 40px;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .console-link-block .console-link-block-icon {
            height: 70px;
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
        }

        .console-link-block .console-link-block-band {
            background-color: rgb(227, 42, 22);
            font-size: 14px;
            position: absolute;
            width: 80px;
            padding: 0px 0;
            text-align: center;
            transform: rotate(45deg);
            right: -21px;
            top: 8px;
            color: rgba(255, 255, 255, .9);
            z-index: 1;
        }

        /** //统计快捷方式样式end */

        /** 小屏幕下样式 */
        @media screen and (max-width: 992px) {
            .console-link-block {
                font-size: 14px;
                padding: 15px 10px;
            }

            .console-link-block .console-link-block-num {
                font-size: 28px;
                margin-bottom: 0px;
            }

            .console-link-block .console-link-block-icon {
                height: 45px;
                right: 10px;
            }

            .console-link-block .console-link-block-band {
                font-size: 12px;
                right: -25px;
                top: 8px;
            }

        }
        /** 设置每个快捷块的颜色 */
        #consoleLink > div:first-child .console-link-block {
            background-color: rgb(155, 197, 57);
        }

        #consoleLink > div:nth-child(2) .console-link-block {
            background-color: rgb(85, 165, 234);
        }

        #consoleLink > div:nth-child(3) .console-link-block {
            background-color: rgb(157, 175, 291);
        }

        #consoleLink > div:nth-child(4) .console-link-block {
            background-color: rgb(245, 145, 162);
        }

        #consoleLink > div:nth-child(5) .console-link-block {
            background-color: rgb(254, 170, 79);
        }

        #consoleLink > div:last-child .console-link-block {
            background-color: rgb(64, 212, 176);
        }

        /** //设置每个快捷块的颜色end */
    </style>
</head>
<body>

<div class="layui-fluid">
    <div id="consoleLink" class="layui-row layui-col-space15">
        <div class="layui-col-lg2 layui-col-md4 layui-col-sm4 layui-col-xs6">
            <div class="console-link-block" lay-href="" ew-title="外出申请">
                <div class="console-link-block-num">15</div>
                <div class="console-link-block-text">外出申请</div>
                <div class="console-link-block-band">待审批</div>
                <img class="console-link-block-icon" src="__ADMIN_IMG__home/homepic1.png">
            </div>
        </div>
        <div class="layui-col-lg2 layui-col-md4 layui-col-sm4 layui-col-xs6">
            <div class="console-link-block" lay-href="" ew-title="请假审批">
                <div class="console-link-block-num">13</div>
                <div class="console-link-block-text">请假审批</div>
                <div class="console-link-block-band">待审批</div>
                <img class="console-link-block-icon" src="__ADMIN_IMG__home/homepic2.png">
            </div>
        </div>
        <div class="layui-col-lg2 layui-col-md4 layui-col-sm4 layui-col-xs6">
            <div class="console-link-block" lay-href="" ew-title="研发周报">
                <img class="console-link-block-icon" src="__ADMIN_IMG__home/homepic3.png">
                <div class="console-link-block-num">221</div>
                <div class="console-link-block-text">研发周报</div>
                <div class="console-link-block-band">去查看</div>
            </div>
        </div>
        <div class="layui-col-lg2 layui-col-md4 layui-col-sm4 layui-col-xs6">
            <div class="console-link-block" lay-href="" ew-title="研发月报">
                <img class="console-link-block-icon" src="__ADMIN_IMG__home/homepic4.png">
                <div class="console-link-block-num">88</div>
                <div class="console-link-block-text">研发月报</div>
                <div class="console-link-block-band">去查看</div>
            </div>
        </div>
        <div class="layui-col-lg2 layui-col-md4 layui-col-sm4 layui-col-xs6">
            <div class="console-link-block" lay-href="" ew-title="拜访记录">
                <img class="console-link-block-icon" src="__ADMIN_IMG__home/homepic5.png">
                <div class="console-link-block-num">110</div>
                <div class="console-link-block-text">拜访记录</div>
                <div class="console-link-block-band">去查看</div>
            </div>
        </div>
        <div class="layui-col-lg2 layui-col-md4 layui-col-sm4 layui-col-xs6">
            <div class="console-link-block" lay-href="" ew-title="项目申报">
                <img class="console-link-block-icon" src="__ADMIN_IMG__home/homepic6.png">
                <div class="console-link-block-num">260</div>
                <div class="console-link-block-text">项目申报</div>
                <div class="console-link-block-band">待审批</div>
            </div>
        </div>
    </div>

    <div class="layui-row layui-col-space15">
        <div class="layui-col-md15">
            <div class="layui-card">
                <div class="layui-card-header">数据概览</div>
                <div class="layui-card-body">

                    <div class="layui-carousel wang-carousel layadmin-dataview" data-anim="fade"
                         lay-filter="wang-index-dataview">
                        <div carousel-item id="wang-index-dataview">
                            <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
                            <div></div>
                            <div></div>
                        </div>
                    </div>

                </div>
            </div>

        </div>


    </div>
</div>

<!-- 中间折线 -->
<div class="layui-row layui-col-space15">

    <div class="layui-col-md6">
        <div class="layui-card">
            <div class="layui-card-header"><i class="layui-icon layui-icon-set-fill"></i>系统信息</div>
            <div class="layui-card-body layui-text">
                <table class="layui-table">
                    <colgroup>
                        <col width="150">
                        <col>
                    </colgroup>
                    <tbody>
                    <tr>
                        <td><i class="layui-icon layui-icon-templeate-1"></i> 框架版本</td>
                        <td>
                            <script type="text/html" template>
                                ThinkPHP{$info.think_v}
                            </script>
                        </td>
                    </tr>
                    <tr>
                        <td><i class="layui-icon layui-icon-windows"></i> 服务环境</td>
                        <td>
                            <script type="text/html" template>
                                {$info.web_server}
                            </script>
                        </td>
                    </tr>
                    <tr>
                        <td><i class="layui-icon layui-icon-upload-circle"></i> 上传附件限制</td>
                        <td>{$info.onload}</td>
                    </tr>
                    <tr>
                        <td><i class="layui-icon layui-icon-layer"></i> PHP 版本</td>
                        <td>{$info.phpversion}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>

    </div>

    <div class="layui-col-md6">
        <div class="layui-card">
            <div class="layui-card-header"><i class="layui-icon layui-icon-set-fill"></i>开发者信息</div>
            <div class="layui-card-body layui-text">
                <table class="layui-table">
                    <colgroup>
                        <col width="100">
                        <col>
                    </colgroup>
                    <tbody>
                    <tr>
                        <td><i class="layui-icon layui-icon-release"></i> 开发者</td>
                        <td>
                            <script type="text/html" template>
                                Mr wang
                            </script>
                        </td>
                    </tr>
                    <tr>
                        <td><i class="layui-icon layui-icon-login-qq"></i> Q  Q</td>
                        <td>
                            <script type="text/html" template>
                                717515445
                            </script>
                        </td>
                    </tr>
                    <tr>
                        <td><i class="layui-icon layui-icon-login-wechat"></i> 微信</td>
                        <td>
                            <script type="text/html" template>
                                qq717515445
                            </script>
                        </td>
                    </tr>
                    <tr>
                        <td><i class="layui-icon layui-icon-login-weibo"></i> 微博</td>
                        <td>
                            <script type="text/html" template>
                                qq717515445
                            </script>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>

    </div>


<script src="{__STATIC_WANG__}layui/layui.js?t=1"></script>
<script>
    layui.config({
        base: '{__STATIC_WANG__}' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', "admin", "carousel", 'echarts'], function () {
        var e1 = layui.$, t1 = (layui.admin, layui.carousel), a1 = layui.element, i1 = layui.device();
        e1(".wang-carousel").each(function () {
            var a1 = e1(this);
            t1.render({
                elem: this,
                width: "100%",
                arrow: "none",
                interval: a1.data("interval"),
                autoplay: a1.data("autoplay") === !0,
                trigger: i1.ios || i1.android ? "click" : "hover",
                anim: a1.data("anim")
            })
        }), a1.render("progress");

        var e = layui.$, t = layui.carousel, a = layui.echarts, i = [], l = [{
            title: {text: "今昨日流量趋势对比", x: "center", textStyle: {fontSize: 14}},
            tooltip: {trigger: "axis"},
            legend: {data: ["今日在线", "昨日在线"], x: "left",},
            xAxis: [{
                type: "category",
                boundaryGap: true,

                data: ['00:00','00:05','00:10','00:15','00:20','00:25','00:30','00:35','00:40','00:45','00:50','00:55','01:00','01:05','01:10','01:15','01:20','01:25','01:30','01:35','01:40','01:45','01:50','01:55','02:00','02:05','02:10','02:15','02:20','02:25','02:30','02:35','02:40','02:45','02:50','02:55','03:00','03:05','03:10','03:15','03:20','03:25','03:30','03:35','03:40','03:45','03:50','03:55','04:00','04:05','04:10','04:15','04:20','04:25','04:30','04:35','04:40','04:45','04:50','04:55','05:00','05:05','05:10','05:15','05:20','05:25','05:30','05:35','05:40','05:45','05:50','05:55','06:00','06:05','06:10','06:15','06:20','06:25','06:30','06:35','06:40','06:45','06:50','06:55','07:00','07:05','07:10','07:15','07:20','07:25','07:30','07:35','07:40','07:45','07:50','07:55','08:00','08:05','08:10','08:15','08:20','08:25','08:30','08:35','08:40','08:45','08:50','08:55','09:00','09:05','09:10','09:15','09:20','09:25','09:30','09:35','09:40','09:45','09:50','09:55','10:00','10:05','10:10','10:15','10:20','10:25','10:30','10:35','10:40','10:45','10:50','10:55','11:00','11:05','11:10','11:15','11:20','11:25','11:30','11:35','11:40','11:45','11:50','11:55','12:00','12:05','12:10','12:15','12:20','12:25','12:30','12:35','12:40','12:45','12:50','12:55','13:00','13:05','13:10','13:15','13:20','13:25','13:30','13:35','13:40','13:45','13:50','13:55','14:00','14:05','14:10','14:15','14:20','14:25','14:30','14:35','14:40','14:45','14:50','14:55','15:00','15:05','15:10','15:15','15:20','15:25','15:30','15:35','15:40','15:45','15:50','15:55','16:00','16:05','16:10','16:15','16:20','16:25','16:30','16:35','16:40','16:45','16:50','16:55','17:00','17:05','17:10','17:15','17:20','17:25','17:30','17:35','17:40','17:45','17:50','17:55','18:00','18:05','18:10','18:15','18:20','18:25','18:30','18:35','18:40','18:45','18:50','18:55','19:00','19:05','19:10','19:15','19:20','19:25','19:30','19:35','19:40','19:45','19:50','19:55','20:00','20:05','20:10','20:15','20:20','20:25','20:30','20:35','20:40','20:45','20:50','20:55','21:00','21:05','21:10','21:15','21:20','21:25','21:30','21:35','21:40','21:45','21:50','21:55','22:00','22:05','22:10','22:15','22:20','22:25','22:30','22:35','22:40','22:45','22:50','22:55','23:00','23:05','23:10','23:15','23:20','23:25','23:30','23:35','23:40','23:45','23:50','23:55','23:55']
            }],
            yAxis: [{type: "value"}],
            series: [{
                name: "今日在线",
                type: "line",
                smooth: !0,
                itemStyle: {normal: {areaStyle: {type: "default"}}},
                data: [111, 222, 333, 444, 555, 666, 3333, 33333, 55555, 66666, 33333, 3333, 6666, 11888, 26666, 38888, 56666, 42222, 39999, 28888, 17777, 9666, 6555, 5555, 3333, 2222, 3111, 6999, 5888, 2777, 1666, 999, 888, 777, 11, 22, 33, 44, 55, 66, 333, 3333, 5555, 12666, 3333, 333, 666, 1188, 2666, 3888, 6666, 4222, 3999, 2888, 1777, 966, 655, 555, 333, 222, 311, 699, 588, 277, 166, 99, 88, 77, 11, 22, 33, 44, 55, 66, 333, 3333, 5555, 12666, 3333, 333, 666, 1188, 2666, 3888, 6666, 4222, 3999, 2888, 1777, 966, 655, 555, 333, 222, 311, 699, 588, 277, 166, 99, 88, 77, 111, 222, 333, 111, 222, 444, 1111, 2222, 1111, 4444, 2222, 3333, 6666, 11888, 26666, 38888, 56666, 42222, 39999, 28888, 17777, 9666, 6555, 5555, 3333, 2222, 3111, 6999, 5888, 2777, 1666, 999, 888, 777, 3999, 2888, 1777, 966, 655, 555, 333, 222, 311, 699, 588, 277, 166, 99, 88, 77, 111, 222, 333, 444, 555, 666, 3333, 33333, 55555, 66666, 33333, 3333, 6666, 11888, 26666, 38888, 56666, 42222, 39999, 28888, 17777, 9666, 6555, 5555, 111, 222, 333, 444, 555, 666, 3333, 33333, 55555, 66666, 33333, 3333, 6666, 11888, 44444, 66666, 56666, 42222, 655, 555, 333, 222, 311, 699, 588, 277, 166, 99, 88, 77, 11, 22, 33, 44, 55, 66, 333, 3333, 5555, 12666, 3333, 333,555, 333, 222, 311, 699, 588, 277, 166, 99, 88, 77, 111, 222, 333, 444, 555, 666, 3333, 33333, 55555, 66666, 33333,  38888, 56666, 42222, 39999, 28888, 17777, 9666, 6555, 5555, 3333, 2222, 3111, 6999, 5888, 2777, 1666, 999, 888, 777, 38888, 56666, 42222, 39999, 28888, 17777, 9666, 6555, 5555, 3333, 2222, 3111, 6999, 5888, 2777, 1666, 999, 888, 777, 3333, 2222, 3111, 6999, 5888, 2777, 1666, 999, 888, 777, 7771]
            }, {
                name: "昨日在线",
                type: "line",
                smooth: !0,
                itemStyle: {normal: {areaStyle: {type: "default"}}},
                data: [11, 22, 33, 44, 55, 66, 333, 3333, 5555, 12666, 3333, 333, 666, 1188, 2666, 3888, 6666, 4222, 3999, 2888, 1777, 966, 655, 555, 333, 222, 311, 699, 588, 277, 166, 99, 88, 77, 111, 222, 333, 444, 555, 666, 3333, 33333, 55555, 66666, 33333, 3333, 6666, 11888, 26666, 38888, 56666, 42222, 39999, 28888, 17777, 9666, 6555, 5555, 3333, 2222, 3111, 6999, 5888, 2777, 1666, 999, 888, 777,11, 22, 33, 44, 55, 66, 333, 3333, 5555, 12666, 3333, 333, 666, 1188, 2666, 3888, 6666, 4222, 3999, 2888, 1777, 966, 655, 555, 333, 222, 311, 699, 588, 277, 166, 99, 88, 77, 111, 222, 333, 444, 555, 666, 3333, 33333, 55555, 66666, 33333, 3333, 6666, 11888, 44444, 66666, 56666, 42222, 39999, 28888, 17777, 9666, 6555, 77777, 3333, 2222, 3111, 88888, 5888, 2777, 1666, 999, 888, 777, 33333, 55555, 66666, 33333, 3333, 6666, 11888, 26666, 38888, 56666, 42222, 39999, 28888, 17777, 9666, 6555, 5555, 666, 1188, 2666, 3888, 6666, 4222, 3999, 2888, 1777, 966, 6535, 5355, 3343, 2252, 3121, 6929, 5838, 2717, 4423, 9319, 8844, 7372, 555, 3313, 2222, 3131, 6929, 5488, 2737, 1616, 9229, 8338, 5555, 1111, 2222, 3333, 4444, 555, 666, 3333, 33333, 55555, 66666, 33333, 3333, 6666, 11888, 26666, 38888, 56666, 42222, 39999, 28888, 17777, 9666, 6555, 5555, 111, 222, 333, 444, 555, 666, 3888, 6666, 4222, 3999, 2888, 1777, 966, 6535, 5355, 3343, 2252, 3121, 6929, 5838, 2717, 4423, 9319, 8844, 7372, 3888, 6666, 4222, 3999, 2888, 1777, 966, 6535, 5355, 3343, 2252, 3121, 6929, 5838, 2717, 4423, 9319, 8844, 7372, 111, 222, 333, 444, 555, 666, 3333, 33333, 55555, 66666, 33333, 3333, 6666, 11888, 44444, 66666, 56666, 42222, 39999, 28888, 17777, 9666, 6555, 77777, 3333, 2222, 3111, 88888, 5888, 2777, 5888, 2777, 2777, 5888, 2777]
            }]
        }, {
            title: {text: "访客浏览器分布", x: "center", textStyle: {fontSize: 14}},
            tooltip: {trigger: "item", formatter: "{a} <br/>{b} : {c} ({d}%)"},
            legend: {orient: "vertical", x: "left", data: ["Chrome", "Firefox", "IE 8.0", "Safari", "其它浏览器"]},
            series: [{
                name: "访问来源",
                type: "pie",
                radius: "55%",
                center: ["50%", "50%"],
                data: [{value: 9052, name: "Chrome"}, {value: 1610, name: "Firefox"}, {
                    value: 3200,
                    name: "IE 8.0"
                }, {value: 535, name: "Safari"}, {value: 1700, name: "其它浏览器"}]
            }]
        }, {
            title: {text: "最近一周新增的用户量", x: "center", textStyle: {fontSize: 14}},
            tooltip: {trigger: "axis", formatter: "{b}<br>新增用户：{c}"},
            xAxis: [{type: "category", data: ["11-07", "11-08", "11-09", "11-10", "11-11", "11-12", "11-13"]}],
            yAxis: [{type: "value"}],
            series: [{type: "line", data: [200, 300, 400, 610, 150, 270, 380]}]
        }], n = e("#wang-index-dataview").children("div"), r = function (e) {
            i[e] = a.init(n[e], layui.echartsTheme), i[e].setOption(l[e]), window.onresize = i[e].resize
        };
        if (n[0]) {
            r(0);
            var o = 0;
            t.on("change(wang-index-dataview)", function (e) {
                r(o = e.index)
            }), layui.admin.on("side", function () {
                setTimeout(function () {
                    r(o)
                }, 300)
            }), layui.admin.on("hash(tab)", function () {
                layui.router().path.join("") || r(o)
            })
        }
    });

</script>
</body>
</html>

